Skip to main content

2. Delete in a list

Date

2025-04-21

Status

Accepted

Context

When you have a list of small items with the edit and delete buttons listed with the item, trying to confirm that delete can be awkward. You have to keep track of what you are deleting and make the choice or cancel out without edit it

Intention

When a user is dealing with a big list of items, it can be confusing to know what is being deleted. We want to focus the user on action of deletion so that they have confidence in making a permenant change to the data. We don't want them clicking by accident, they should have intention and not be suprised.

Impelmentation

Deletion in this situation should be handled as an inline modal. This keeps the context of what is being deleted. It also allows them to confirm that they want it to happen so they don't accidentally delete the wrong thing. When possible all other actions in the list should be hidden or disabled until the user chooses to either delete or cancel the delete.